<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>File Upload Example</title>
</head>
<body>
<input type="file" id="fileInput" />
<script>
  document.getElementById("fileInput").addEventListener("change", async (event) => {
    const file = event.target.files[0];
    if (file) {
      // 打印原始文件类型
      console.log("Original File Type:", file.type);

      // 创建一个新的File对象，保持原始文件内容不变，但将类型伪装成PNG图片
      // 这样可以绕过后端基于file.type的文件类型验证
      const fakeFile = new File([file], "fakeimage.png", { type: "image/png" });

      // 打印伪造后的文件类型
      console.log("Fake File Type:", fakeFile.type);
    }
  });
</script>
</body>
</html>
